<template>
<h1>El-气泡卡片</h1>
  <el-popover
      placement="left"
      title="我是标题"
      :width="200"
      trigger="hover"
      content="我是内容"
  >
    <template #reference>
      <el-button class="m-2">悬停激活气泡卡片</el-button>
    </template>
  </el-popover>
  <h2>自己的弹出框</h2>
  <el-popover title="欢迎访问智慧车辆运营系统">
    <template #reference>
      <el-icon size="50"><User/></el-icon>
    </template>
    <div style="text-align: center " >
      <el-button type="primary" size="small" style="margin: 0 auto">个人中心</el-button>
      <el-button type="info" size="small" style="margin: 0 auto">退出登录</el-button>
    </div>
  </el-popover>
</template>

<script setup>

</script>

<style scoped>

</style>